<!--
 * @Descripttion: 
 * @version: 1.0
 * @Author: wjh
 * @Date: 2024-02-20 14:13:48
 * @LastEditors: wjh
 * @LastEditTime: 2024-03-18 16:44:14
-->
<template>
    <div id="FinancialService" :class="{ smallFontSize: showEdition, mediumFontSize: !showEdition }">
        <!--<div class="divConent" @click="dbClickConent()">-->
            <!--<img class="divConent1" src="./../../../static/imgs/ZLJ/5.png" alt="" style="width: 100%;">-->
        <!--</div>-->
        <!-- <div class="u-search">
            <van-search v-model="values" show-action placeholder="请输入名称搜索" @search="onSearch">
                <template #action>
                    <div @click="onSearch(values)">搜索</div>
                </template>
            </van-search>
        </div> -->
        <div class="search-list">
            <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
                <div class="search-list-top"
                     v-for="(item, index) in listData"
                     :key="index"
                     @click="listClick(item)"
                >
                        <div style="width: 50%;float:left;text-align: center;padding-top: 30px;">
                            <img src="../../../static/imgs/ZLJ/MLD/1logo.svg">
                        </div>
                        <div style="width: 50%;float:left;text-align: center;padding-top: 20px">
                            <p style="font-weight: bold;font-size: 24px">美丽乡居贷</p>
                         </div>
                         <div style="width: 50%;float:left;text-align: center;padding-top: 20px">
                            
                            <p style="color: #9B9B9B;">建设银行</p>
                         </div>
                </div>
            </van-list>
        </div>
    </div>
</template>
<script>
export default {
    name: "FinancialService",
    data() {
        return {
          values:'',
          loading:false,
          finished:true,
          listData:[
            {
              name:'中国建设银行',
              names:'China Construction Bank',
              address:'惠州市分行',
            },
            // {
            //   name:'中国建设银行',
            //   names:'China Construction Bank',
            //   address:'惠州市分行',
            // }
          ]
        }
    },
    watch: {},
    created() {

    },
    mounted() {
        this.showEdition = this.$store.state.Edition
        if (ZWJSBridge) {
            ZWJSBridge.setTitle({
                "title": "金融贷款服务"
            }).then(res => {
            }).catch(err => {
            })
        }
    },
    methods: {
      onLoad(){

      },
      onSearch(){

      },
        //美丽乡居贷
      listClick() {
            this.$router.push({
                path: '/Ruralcredit'
            })
        },

    }
}
</script>
<style lang="scss">
#FinancialService {
    background: #f6f6f6;
    font-size: 14px;
    height: 100vh;
    overflow-y: auto;
    /*padding: 10px;*/
   .search-list{
       padding: 10px;
   }
    .divConent {
        border-radius: 10px;
        box-shadow: 1px 1px 4px 4px #e9e7e7;
        margin-top: 15px;
    }
    .search-list-top{
        background: #ffffff;
        height: 150px;
        border-radius:10px;
        margin-bottom: 10px;
        p{
            text-align: center;
        }
    }
}
</style>